<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org">
<head>
<title>首页</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.css" />
<script src="https://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
<script th:src="@{/plugins/jQuery/navbar/jquery-mobile-navbar.js}"></script>
<script th:src="@{/plugins/bootstrap/bootstrap.min.js}"></script>
<script th:src="@{/plugins/jQuery/moment/moment.min.js}"></script>
<script th:src="@{/js/ajaxfileupload/ajaxfileupload.js}"></script>

<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&amp;ak=ESUICaohNGpKKOAx3d2SOzDxuZ2WUMlX&amp;services=&amp;t=20180323171755"></script>
<script th:src="@{/mobile/event/eventFeedback.js}"></script>
<style type="text/css">
th {
	border-bottom: 1px solid #d6d6d6;
}

tr {
	border-bottom: 1px solid lightgray;
}

td {
	border-bottom: 1px solid lightgray;
}

a {
	text-decoration: none !important;
}

.div1 {
	border: 1px solid #B8B8B8;
	border-radius: 4px;
	width: 90%;
	margin: auto;
	height: auto;
}

.div-time {
	font-family: PingFangSC-Regular;
	background: #e9e9e9;
	font-size: 18px;
	color: #333333;
	letter-spacing: 0;
	text-align: justify;
	line-height: 50px;
}

.div-type {
	font-family: PingFangSC-Regular;
	font-size: 18px;
	color: #666666;
	letter-spacing: 0;
	text-align: justify;
	margin-left: 20px;
}

.div-inline {
	display: inline;
	font-family: PingFangSC-Regular;
	text-align: justify;
	color: #999999;
	width: 50%;
	font-size: 16px;
	line-height: 50px;
	float: left;
}
</style>

</head>

<body>
	<div data-role="page" id="pageone">
		<div data-role="header" data-position="fixed" data-tap-toggle="true"
			data-theme="a">
			<h1>上报事件回馈列表</h1>
			<a id="goHome" href="/wcsi/ui/mobileMain?device=mobile"
				data-ajax='false'
				class="ui-btn ui-corner-all ui-shadow ui-icon-home ui-btn-icon-left">主页</a>
			<a href='javascript:location.reload();'
			class="ui-btn ui-btn-a ui-icon-refresh ui-btn-icon-notext ui-corner-all ui-shadow ui-btn-right">refeash</a>
		</div>
		<div data-role="main" class="ui-content">
			<ul data-role="listview" id="FeedbackListView"></ul>
		</div>

	</div>

	<div data-role="popup" id="popupView" data-position-to="window"
		class="ui-content" data-theme="a" data-overlay-theme="a"
		data-dismissible="false">
		<div data-role="content">
			<img th:src="@{/img/loading.gif}" />
		</div>
	</div>
	
	<!-- 反馈详情的面板 -->
	<div data-role="page" id="FeedbackDetail"
		tyle='background-color: #F5F5F5; background-size: cover'>
		<div data-role="header" data-position="fixed" data-tap-toggle="true"
			data-theme="a">
			<h1 id="archiving">上报事件详情</h1>
			<a href="#pageone" data-transition="slide" data-direction="reverse"
				class="ui-btn ui-btn-a ui-icon-back ui-btn-icon-notext ui-corner-all ui-shadow ui-btn-left">返回面板</a>
		</div>
		<div data-role="content">
			<table data-role="table" width="100%" data-mode="columntoggle:none"
					data-column-btn-theme="e" data-column-popup-theme="c" id="myTable">
					<tbody>
						<tr>
							<td colspan="2"><label style="color: #999999; margin-top: 30px;">事件状态</label></td>
						</tr>
						<tr>
							<td colspan="2"><div id="reportEventVariable"></div>
							<label style="color: #999999; margin-top: 30px;">事件类型</label></td>
						</tr>
						<tr>
							<td colspan="2"><div id="reportEventType"></div>
							<label style="color: #999999; margin-top: 30px;">事件详细内容</label></td>
						</tr>
						<tr>
							<td colspan="2"><div id="reportContent"></div>
							<label style="color: #999999; margin-top: 30px;">事件备注</label></td>
						</tr>
						<tr>
							<td colspan="2">
							<div id="reportMemo"></div>
							<label style="color: #999999; margin-top: 30px;">图片</label></td>
						</tr>
						<tr>
							<td colspan="2">
								<img src="" id="avatart" style="width: 30%" />
							</td>
						</tr>
						<tr>
							<td style="color: #999999; border-bottom: none !important;"><img
								alt="当前位置" src="/wcsi/img/yourlocation.png" width="30px;"
								id="locationimg"></img></td>
							<td id="locationDes" style="color: #999999; border-bottom: none !important;"></td>
						</tr>
					</tbody>
				</table>
		</div>
		<div data-role="popup" id="pop">
			<a href="#" id="backloadingimg" data-rel="back"
				class="ui-btn ui-btn-a ui-icon-delete ui-btn-icon-notext ui-corner-all ui-shadow ui-btn-right">关闭</a>
			<img src="" id="avatarbig" style="width: 100%" />
		</div>
	</div>

	<script th:inline="javascript">
		window.rootPath= /*[[${#httpServletRequest.getContextPath()}]]*/
	</script>
</body>
</html>